<template>
  <div>
    <ElementTable :tableData="tableData">
      <el-table-column width="100" prop="id" label="ID"></el-table-column>
      <el-table-column width="150" prop="name" label="标题"></el-table-column>
      <el-table-column show-overflow-tooltip prop="url" label="URL地址"></el-table-column>
      <el-table-column show-overflow-tooltip prop="image" label="图片"></el-table-column>
    </ElementTable>
  </div>
</template>

<script>
import api from '@/api'
import ElementTable from '@/components/element-table'
export default {
  name:'ContentShow',
  components:{ElementTable},
  data(){
    return {
      tableData: []
    }
  },
  mounted(){
    api.getSelectContentShow().then(res=>{
      console.log(res.data.data);
      if(res.data.status === 200){
        this.tableData = res.data.data.result
      }else{
        this.$message({
            type: "error",
            message: "请求失败"
          })
      }
    })
  }
  
}
</script>

<style>

</style>